$(() => {
    // 业务1 最新资讯
    const getNewInfo = () => {
        myajax('GET', '/index/latest', null, (res) => {
            // console.log(res);
            const htmlStr = template('newInfo', res)
            $('.common_news').html(htmlStr)
        })
    }
    getNewInfo()


    // 业务2 文章热门排行
    const gethotrank = () => {
        myajax('GET', '/index/rank', null, (res) => {
            // console.log(res);
            const htmlStr = template('hotrank', res)
            $('.hotrank_list').html(htmlStr)
        })
    }
    gethotrank()
    // 业务3 最新评论
    const getComment = () => {
        myajax('GET', '/index/latest_comment', null, (res) => {
            // console.log(res);
            const htmlStr = template('commentlist', res)
            $('.comment_list').html(htmlStr)
        })
    }
    getComment()

    // 业务4 焦点关注
    const getFocus = () => {
        myajax('GET', '/index/attention', null, (res) => {
            // console.log(res);
            const htmlStr = template('guanzhu', res)
            $('.guanzhu_list').html(htmlStr)
        })
    }
    getFocus()

    // 业务5 热点图
    const getImg = () => {
        myajax('GET', '/index/hotpic', null, (res) => {
            // console.log(res);
            let htmlStr = template('hot_img', res)
            $('.focus_list').html(htmlStr)
        })
    }
    getImg()


    // 业务6  导航栏
    const getNav = () => {
        myajax('GET', '/index/category', null, (res) => {
            // console.log(res);
            const htmlStr = template('top_nav', res)
            const sort = ` <li class="up"></li>`
            $('.level_two').html(sort + htmlStr)
            $('.left_menu').html(htmlStr)

        })
    }
    getNav()


    // 业务7 搜索功能
    const getSearch = (page = 1, perpage = 6) => {
        // 获取用户输入的数据 获取参数
        let data = {
            key: $('.search_txt').val(),
            type: null,
            page: page,
            perpage: perpage
        }
        console.log(data);
        myajax('GET', '/index/search', data, (res) => {
            console.log(res);
            res.data.data.forEach((item) => {
                item.content = htmlDecode(item.content)
            })
            const htmlStr = template('newInfo', res.data)
            $('.common_news').html(htmlStr)
            renderPage(res.data.totalCount, page)
        })

    }
    getSearch()
    // 转义HTML
    function htmlDecode(value) {
        return $('<div/>').html(value).text();
    }

    // 搜索框点击事件
    $('.search_btn').on('click', function () {
        getSearch()
    })

    // 分页效果
    const renderPage = (totalCount, page) => {
        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'test1',//注意，这里的 pager 是 ID，不用加 # 号
                count: totalCount,//数据总数，从服务端得到
                limit: 6,   //页容量
                curr: page,  //当前页 为空返回第一页
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    // console.log(obj.limit); //得到每页显示的条数

                    //首次不执行
                    if (!first) {
                        //do something
                        getSearch(obj.curr, obj.limit);

                    }
                }
            });
        });
    }
})